<template>
  <div class="hello">
    <el-container>
      <el-header :style="{height: headerHeight+'px'}">
        <!-- 顶部内容 -->
        <Header></Header>
      </el-header>
      <el-main>
        <router-view/>
      </el-main>
    </el-container>


  </div>
</template>

<script>
import Header from './Header'
export default {
  data() {
    return {
      headerHeight: 80,
      screenWidth: document.documentElement.clientWidth,     // 屏幕宽
      screeHeight: document.documentElement.clientHeight,    // 屏幕高
      footerHeight: 50
    }
  },
  methods: {

  },
  components: {
    Header
  },
  mounted() {
  }
};

</script>


